<template>
	<view>
		<NavBar :title="'破产管理人基本情况'" />
		<scroll-view scroll-y="true" class="scroll-Y">
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="content">受理法院名称</text>
					<text class="icon">*</text>
				</view>
				<input type="text" placeholder="请输入" />
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="content">法院受理日期</text>
					<text class="icon">*</text>
				</view>
				<view class="input-row">
					<text class="input-value">{{ form.education || '请选择' }}</text>
					<u-icon name="arrow-right" size="22"></u-icon>
				</view>
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">

					<text class="content">企业类型</text>
					<text class="icon">*</text>
				</view>
				<radio-group name="radio">
					<view>
						<radio value="radio1" /><text>非公司企业法人</text>
					</view>
					<view>
						<radio value="radio2" /><text>有限责任公司</text>
					</view>
					<view>
						<radio value="radio2" /><text>股份有限公司</text>
					</view>
					<view>
						<radio value="radio2" /><text>个人工商户</text>
					</view>
					<view>
						<radio value="radio2" /><text>私营独资企业</text>
					</view>
					<view>
						<radio value="radio2" /><text>私营合伙企业</text>
					</view>
				</radio-group>
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="content">市场主体名称</text>
					<text class="icon">*</text>
				</view>
				<input type="text" placeholder="请输入" />
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="content">统一社会信用代码</text>
					<text class="icon">*</text>
				</view>
				<input type="text" placeholder="请输入" />
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="icon">*</text>
					<text class="content">法定代表人或负责人</text>
				</view>
				<input type="text" placeholder="请输入" />
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="icon">*</text>
					<text class="content">联系电话</text>
				</view>
				<input type="text" placeholder="请输入" />
			</view>
		</scroll-view>
		<view class="but">
			<view class="submit" @click="submitClick">
				保存
			</view>
		</view>
	</view>
</template>


<script>
	import navbar from '@/pages/guide/enterprise/navbar.vue';
	export default {
		components: {
			navbar
		},
		data() {
			return {
				content: '',
				isShow: false,
				form: {
					education: '',
				}
			};
		},
		onLoad(option) {
			console.log(option);
			this.content = option.text
			if (option.isShow) {
				this.isShow = option.isShow
			}
		},
		methods:{
			submitClick() {
			    console.log('提交表单');
			    this.$u.toast('提交成功');
			    this.$u.route({
			        url: '/pages/fromTable/bankruptcy/index'
			    });
			}
		}

	}
</script>

<style lang="scss" scoped>
	::v-deep uni-radio .uni-radio-input {
		width: 30rpx !important;
		height: 30rpx !important;
	}

	::v-deep uni-radio .uni-radio-input {
		width: 30rpx !important;
		height: 30rpx !important;
	}

	* {
		box-sizing: border-box;
	}

	.scroll-Y {
		width: 100%;
		padding: 30.77rpx;
		height: calc(100vh - 369rpx);
		background-color: #fff;
		font-family: PingFang SC, PingFang SC;

		.uni-column {
			font-weight: 400;
			font-size: 31rpx !important;
			color: rgba(0, 0, 0, 0.8);
			padding: 15rpx 0;
			border-bottom: 1rpx solid #D0D3D6;
		}

		.title {
			margin-bottom: 20rpx;

			.icon {
				font-weight: 400;
				font-size: 27rpx;
				color: #DC0000;
			}

			.content {
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 27rpx;
				color: rgba(0, 0, 0, 0.6);
				margin-right: 3.85rpx;
			}
		}
	}

	.but {
		padding-top: 15rpx;
		background-color: #FFFFFF;
		border-top: 1rpx solid #D0D3D6;

		.submit {
			margin: 0 auto;
			width: 688rpx;
			height: 92rpx;
			background: #2C5E9F;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			font-weight: 400;
			font-size: 29rpx;
			color: #FFFFFF;
			line-height: 92rpx;
			text-align: center;
		}
	}

	.input-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 60rpx;
		font-size: 32rpx;
		color: #333;
	}

	.input-value {
		color: #333;
		flex: 1;
	}
</style>
